<template>
	<view>
		<view class="top-back" v-if="isPhone">
			<view class="top-name">案件列表</view>
			<view class="top-num">({{count}})</view>
			<view v-if="role !='client'" class="top-right top-right-left" :class="sortSelect==''?'':'top-right-select'"
				@click="sortAction">
				<view v-if="sortSelect == ''" class="top-contnet">排序</view>
				<view v-if="sortSelect != ''" class="top-contnet top-content-select">{{sortSelect}}</view>
				<image v-if="sortSelect == ''" class="top-icon" src="../../../static/arrow_down.png"></image>
				<image v-if="sortSelect != ''" class="top-icon" src="../../../static/arrow_down_select.png"></image>

			</view>
			<view v-if="role !='client'" class="top-right" :class="screenSelect?'top-right-select':''"
				@click="selectAction">
				<view :class="screenSelect?'top-contnet top-content-select': 'top-contnet'">筛选</view>
				<image v-if="!screenSelect" class="top-icon" src="../../../static/select.png"></image>
				<image v-if="screenSelect" class="top-icon" src="../../../static/select_select.png"></image>

			</view>
		</view>
		<scroll-view v-if="isPhone" scroll-y="true" class="uni-container" @scrolltolower="scrolltolower">
			<uni-table ref="table" :loading="loading" stripe emptyText=" ">
				<uni-tr>
					<uni-th align="center" width="300px">咨询内容</uni-th>
					<uni-th align="center" width="140px">客户名称</uni-th>
					<uni-th align="center" width="120px">状态</uni-th>
					<uni-th align="center" width="200px">最后更新时间</uni-th>
					<uni-th align="center" width="120px">咨询领域</uni-th>
					<uni-th align="center" width="160px">希望我们</uni-th>
				</uni-tr>
				<uni-tr v-for="(item, index) in tableData" :key="index" @row-click="rowclick(item)" v-if="isPhone">
					<uni-td align="left">
						<view class="content-view" style="display: flex;">
							<image class="content-img" mode="aspectFill"
								src="../../../static/phone/phone_case_list_img.png"></image>
							<text selectable="true">{{ item.content }}</text>
						</view>
					</uni-td>
					<uni-td align="center"><text selectable="true">{{ item.custName }}</text></uni-td>
					<uni-td align="center">
						<statusTag v-if="item.status.code == '0'" text="待提交" type="primary" size='small'></statusTag>
						<statusTag v-if="item.status.code == '1'" text="待审核" type="warning" size='small'></statusTag>
						<statusTag v-if="item.status.code == '2'" text="待分配" type="warning" size='small'></statusTag>
						<statusTag v-if="item.status.code == '3'" text="待启动" type="warning" size='small'></statusTag>
						<statusTag v-if="item.status.code == '4'" text="进行中" type="primary" size='small'></statusTag>
						<statusTag v-if="item.status.code == '5'" text="已完成" type="success" size='small'></statusTag>
						<statusTag v-if="item.status.code == '6'" text="已结案" type="success" size='small'></statusTag>
						<statusTag v-if="item.status.code == '7'" text="审核不通过" type="error" size='small'></statusTag>
						<statusTag v-if="item.status.code == '8'" text="异常终止" type="error" size='small'></statusTag>
					</uni-td>
					<uni-td align="center"><text
							selectable="true">{{ item.editTime?item.editTime:item.createTime }}</text></uni-td>
					<uni-td align="center"><text selectable="true">{{ item.domainDict }}</text></uni-td>
					<uni-td align="center"><text selectable="true">{{ item.hopeDict }}</text></uni-td>
				</uni-tr>
			</uni-table>

			<view class="search-back" v-if="tableData.length == 0 || !isPhone">
				<image class="search-image" :src="pc_search_nodata"></image>
				<view class="search-noresult">没有查询到结果</view>
			</view>
		</scroll-view>
		<view v-if="!isPhone" style="display: flex;justify-content: center;align-items: center;flex-direction: column;">
			<view class="desc1" style="margin-top: 300px;" v-if="!isPhone">
				<text class="desc12">绑定手机完成注册后，可发起咨询，参与案件交流~</text>
			</view>
			<view class="desc1" style="margin-top: 24rpx;">

				<button hover-class='none' withCredentials="true" class="userphone"
					open-type="getPhoneNumber" @getphonenumber="getphonenumber">
					绑定手机
				</button>
			
			</view>
		</view>
		<view style="margin-top: 10px;margin-bottom: 10px;" v-if="tableData.length > 0">
			<uni-pagination show-icon :page-size="pageSize" :current="pageCurrent" :total="count" @change="change" />
		</view>
		<popSelect v-model="showSortSelect" :triangle=true :select="sortSelect" :popData="sortSelectdata"
			@tapPopup="tapPopup" :x="x" :y="y" placement="top-start" dynamic>
		</popSelect>
		<popSelect v-model="showScreen" :x="screenx" :y="screeny" placement="top-end" dynamic>
			<view v-if="showScreen" class="screen-back">
				<uni-forms ref="baseForm" :modelValue="screenFormData" style="width:200px;">
					<uni-forms-item>
						<uni-easyinput v-model="screenFormData.no" placeholder="案件编号" />
					</uni-forms-item>
					<uni-forms-item>
						<selectxy :zindex=399 ref="selectxy" :value="multipleArr" placeholder="咨询领域"
							:options="rangeList" @change="multipleChange">
						</selectxy>
					</uni-forms-item>
					<uni-forms-item>
						<selectxy :zindex=299 ref="statusSelectxy" :value="statusMultipleArr" placeholder="案件状态"
							:options="statusRangeList" @change="statusMultipleChange">
						</selectxy>
					</uni-forms-item>
					<uni-forms-item>
						<selectxy :zindex=199 ref="hopeSelectxy" :value="hopeMultipleArr" placeholder="希望我们"
							:options="hopeRangeList" @change="hopeMultipleChange">
						</selectxy>
					</uni-forms-item>

					<uni-forms-item>
						<view style="display: flex;justify-content: space-between;">
							<view class="date-select-back" @click="openDatetimePicker(0)">
								<image class="dateimage" src="../../../static/pc_date.png"></image>
								<view v-if="screenFormData.updatestart" class="date-select-time">
									{{screenFormData.updatestart}}
								</view>
								<view v-else class="date-select-plac">最后更新时间起</view>
							</view>
							<view class="date-select-back" @click="openDatetimePicker(1)">
								<image class="dateimage" src="../../../static/pc_date.png"></image>
								<view v-if="screenFormData.updateend" class="date-select-time">
									{{screenFormData.updateend}}
								</view>
								<view v-else class="date-select-plac">最后更新时间止</view>
							</view>
						</view>
					</uni-forms-item>
					<uni-forms-item>
						<view style="display: flex; justify-content: space-between;">
							<view class="date-select-back" @click="openDatetimePicker(2)">
								<image class="dateimage" src="../../../static/pc_date.png"></image>
								<view v-if="screenFormData.consultstart" class="date-select-time">
									{{screenFormData.consultstart}}
								</view>
								<view v-else class="date-select-plac">咨询发布时间起</view>
							</view>
							<view class="date-select-back" @click="openDatetimePicker(3)">
								<image class="dateimage" src="../../../static/pc_date.png"></image>
								<view v-if="screenFormData.consultend" class="date-select-time">
									{{screenFormData.consultend}}
								</view>
								<view v-else class="date-select-plac">咨询发布时间止</view>
							</view>
						</view>
					</uni-forms-item>
					<view class="select-bottom">
						<view class="select-bottom-left" @click="selectReset">重置</view>
						<view class="select-bottom-right" @click="selectSureAction">筛选</view>
					</view>
				</uni-forms>
			</view>

			<dateTimeSelect v-if="showTimeSelect" type='date' ref="myPicker" @submit="handleSubmit" :start-year="2020"
				:end-year="2025" />
		</popSelect>
		<consultDetail v-if="showConsultDetail" v-on:successBack='requestData()' :selectItem='selectItem'
			@consultClose='clickConsultDetailClose'></consultDetail>
	</view>
</template>

<script>
	import statusTag from "@/packageC/PhonePC/components/tags/tags.vue"
	import popSelect from '@/components/popSelect/popSelect.vue'
	import uniselect from "@/packageC/PhonePC/components/uni-data-select/uni-data-select.vue"
	import dateTimeSelect from "@/components/dateTimeSelect/dateTimeSelect.vue"
	import selectxy from "@/components/select-cy/select-cy.vue"
	import consultDetail from "@/packageC/PhonePC/consult/consultDetail.vue"
	let app = ''

	export default {
		components: {
			statusTag,
			popSelect,
			uniselect,
			dateTimeSelect,
			selectxy,
			consultDetail,

		},
		data() {
			return {
				role: '', //当前登录角色
				roleUrl: '',
				count: 0, // 数据总量
				pageSize: 10, // 每页数据量
				pageCurrent: 1, // 当前页
				tableData: [],
				showSortSelect: false,
				sortSelectdata: [{
					'title': '按更新时间倒序',
				}, {
					'title': '按更新时间顺序',
				}, ],
				x: 0,
				y: 0,
				showDialog: false,
				sortSelect: "",
				screenx: 0,
				screeny: 0,
				showScreen: false,
				screenFormData: {
					no: '',
					domainDict: "",
					status: '',
					hohopeDictpe: '',
					updatestart: '',
					updateend: '',
					consultstart: '',
					consultend: ''
				},
				screenSelect: false,
				dateSelectIndex: 0,
				multipleArr: [],
				selectArr: [],
				rangeList: [],

				statusRangeList: [], //案件状态
				statusMultipleArr: [],
				statusSelectArr: [],

				hopeRangeList: [], //希望我们
				hopeMultipleArr: [],
				hopeSelectArr: [],

				showConsultDetail: false,
				selectItem: {},
				pc_search_nodata: getApp().globalData.baseImageUrl + '/pc_search_nodata.png',
				showTimeSelect: false,
				isPhone: false,



			}

		},
		mounted() {
			var _this = this;
			app = getApp()
			_this.role = app.globalData.role
			_this.roleUrl = _this.$roleUrl({
				tab: _this.role
			})
			if (_this.role) {
				this.requestData();
				this.requestDicData();
				this.requestStatusDicData();
				this.requestHopeDicData()
				this.isPhone = app.globalData.isPhone
			}
		},
		onReachBottom() {

		},
		methods: {
			// 分页触发
			change(e) {
				this.pageCurrent = e.current
				this.requestData()
			},

			//登录成功后请求接口
			loginRequestData() {
				var _this = this;
				console.log('------')
				app = getApp()
				_this.role = app.globalData.role
				_this.roleUrl = _this.$roleUrl({
					tab: _this.role
				})
				this.requestData();
				this.requestDicData();
				this.requestStatusDicData();
				this.requestHopeDicData()
				this.isPhone = app.globalData.isPhone
				console.log('this.isPhone', this.isPhone)
			},

			//咨询领域
			async requestDicData() {
				let _this = this
				const res = await this.$myRequest({
					url: "/comm/dict/list/param_consult_domain",
					method: 'GET',
				})
				console.log('返回结果', res)
				if (res.data.code == 200) {
					var arr = [];
					for (var i = 0; i < res.data.data.length; i++) {
						var item = res.data.data[i]
						item.label = item.name;
						arr.push(item)
					}
					_this.rangeList = arr;
					console.log(_this.rangeList)
				}
			},

			//案件状态
			async requestStatusDicData() {
				let _this = this
				const res = await this.$myRequest({
					url: "/comm/dict/list/$Status$cases",
					method: 'GET',
				})
				console.log('返回结果', res)
				if (res.data.code == 200) {
					var arr = [];
					for (var i = 0; i < res.data.data.length; i++) {
						var item = res.data.data[i]
						item.label = item.name;
						arr.push(item)
					}
					_this.statusRangeList = arr;
					console.log(_this.statusRangeList)
				}
			},

			//希望我们
			async requestHopeDicData() {
				let _this = this
				const res = await this.$myRequest({
					url: "/comm/dict/list/param_consult_hope",
					method: 'GET',
				})
				console.log('返回结果', res)
				if (res.data.code == 200) {
					var arr = [];
					for (var i = 0; i < res.data.data.length; i++) {
						var item = res.data.data[i]
						item.label = item.name;
						arr.push(item)
					}
					_this.hopeRangeList = arr;
					console.log(_this.hopeRangeList)
				}
			},

			//网络请求示例
			async requestData() {
				let _this = this
				var url = ''
				if (this.role == '0') {
					url = `/${_this.roleUrl}/case/list`;
				} else {
					url = `/${_this.roleUrl}/case/list/0`;
				}

				let parmas = {
					size: _this.pageSize,
					page: _this.pageCurrent,
				};
				if (this.sortSelect) {
					if (this.sortSelect == '按更新时间倒序') {
						this.$set(parmas, 'desc', 'editTime')
					}
					if (this.sortSelect == '按更新时间顺序') {
						this.$set(parmas, 'asc', 'editTime')
					}
				}

				if (this.screenSelect) {
					if (_this.screenFormData.no) {
						this.$set(parmas, 'no', 'lk:' + _this.screenFormData.no)
					}
					if (_this.screenFormData.custName) {
						this.$set(parmas, 'custName', 'lk:' + _this.screenFormData.custName)
					}
					if (_this.selectArr.length) {
						var dicStr = '';
						for (var i = 0; i < _this.selectArr.length; i++) {
							if (i == 0) {
								dicStr = _this.selectArr[i].value
							} else {
								dicStr += "," + _this.selectArr[i].value
							}
						}
						this.$set(parmas, 'domainDict', 'in:' + dicStr)
					}
					//案件状态
					if (_this.statusSelectArr.length) {
						var dicStr = '';
						for (var i = 0; i < _this.statusSelectArr.length; i++) {
							if (i == 0) {
								dicStr = _this.statusSelectArr[i].value
							} else {
								dicStr += "," + _this.statusSelectArr[i].value
							}
						}
						this.$set(parmas, 'status', 'in:' + dicStr)
					}

					//希望我们
					if (_this.hopeSelectArr.length) {
						var dicStr = '';
						for (var i = 0; i < _this.hopeSelectArr.length; i++) {

							if (i == 0) {
								dicStr = _this.hopeSelectArr[i].value
							} else {
								dicStr += "," + _this.hopeSelectArr[i].value
							}
						}
						this.$set(parmas, 'hopeDict', 'in:' + dicStr)
					}

					if (_this.screenFormData.updatestart && !_this.screenFormData.updateend) {
						this.$set(parmas, 'editTime', 'ge:' + _this.screenFormData.updatestart)
					}
					if (!_this.screenFormData.updatestart && _this.screenFormData.updateend) {
						this.$set(parmas, 'editTime', 'le:' + _this.screenFormData.updateend)
					}
					if (_this.screenFormData.updatestart && _this.screenFormData.updateend) {
						this.$set(parmas, 'editTime', 'bt:' + _this.screenFormData.updatestart + ',' + _this
							.screenFormData.updateend)
					}

					if (_this.screenFormData.consultstart && !_this.screenFormData.updateend) {
						this.$set(parmas, 'createTime', 'ge:' + _this.screenFormData.consultstart)
					}
					if (!_this.screenFormData.consultstart && _this.screenFormData.updateend) {
						this.$set(parmas, 'createTime', 'le:' + _this.screenFormData.updateend)
					}
					if (_this.screenFormData.consultstart && _this.screenFormData.updateend) {
						this.$set(parmas, 'createTime', 'bt:' + _this.screenFormData.consultstart + ',' + _this
							.screenFormData.updateend)
					}

				}
				uni.showLoading({
					title: '正在加载...'
				})
				const res = await this.$myRequest({
					url: url,
					method: 'POST', //默认是GET
					data: parmas,
				})
				console.log('返回结果', res)
				uni.hideLoading();
				if (res.data.code == 200) {
					_this.count = res.data.data.count;
					_this.tableData = res.data.data.list
				}
			},

			//点击列
			rowclick(item) {
				if (!getApp().globalData.isPhone) {
					uni.showModal({
						title: '提示',
						content: '请先绑定手机号',
						showCancel: false,
					})
					return
				}
				console.log('item', item);
				this.selectItem = item;
				var desc = item.status.desc;
				//待提交、待审核、待分配、审核不通过、异常终止
				//咨询详情
				if (desc == '待提交' || desc == '待审核' || desc == '待分配' || desc == '审核不通过' || desc == '异常终止') {
					this.showConsultDetail = true;
				} else {
					//待启动、已完成等案件详情
					this.$emit('clickCaselist', item)
				}
			},

			//排序
			sortAction(e) {
				this.x = e.touches[0].clientX
				this.y = e.touches[0].clientY
				this.showSortSelect = !this.showSortSelect
				console.log(this.x, this.y, this.value)
			},

			tapPopup(e) {
				console.log(e)
				this.sortSelect = e.title;
				this.requestData();
			},

			//筛选
			selectAction(e) {
				this.screenx = e.touches[0].clientX

				uni.getSystemInfo({
					success: res => {
						this.screenx = res.windowWidth - 30
					}
				})

				this.screeny = e.touches[0].clientY + 4
				this.showScreen = !this.showScreen
			},

			//咨询领域
			multipleChange(item, value) {
				console.log('咨询领域' + item, value);
				this.selectArr = item;
				this.multipleArr = value;
			},

			//案件状态		
			statusMultipleChange(item, value) {
				this.statusSelectArr = item;
				this.statusMultipleArr = value;
			},

			//希望我们
			hopeMultipleChange(item, value) {
				this.hopeSelectArr = item;
				this.hopeMultipleArr = value;
			},

			//类型选择
			typeChange(e) {
				console.log(e)
			},

			// 日期选择打开picker
			openDatetimePicker(index) {
				this.dateSelectIndex = index;
				this.showTimeSelect = true;
				this.$refs.myPicker.show();
			},

			// 日期选择关闭picker
			closeDatetimePicker() {
				this.$refs.myPicker.hide();
			},

			//日期选择
			handleSubmit(e) {
				// {year: "2019", month: "07", day: "17", hour: "15", minute: "21"}
				console.log(e);
				var time = `${e.year}-${e.month}-${e.day} `;
				if (this.dateSelectIndex == 0) {
					this.screenFormData.updatestart = time;

				} else if (this.dateSelectIndex == 1) {
					this.screenFormData.updateend = time;

				} else if (this.dateSelectIndex == 2) {
					this.screenFormData.consultstart = time;

				} else if (this.dateSelectIndex == 3) {
					this.screenFormData.consultend = time;

				}
			},

			//筛选重置
			selectReset() {
				this.screenFormData = {
						no: '',
						domainDict: "",
						status: '',
						hohopeDictpe: '',
						updatestart: '',
						updateend: '',
						consultstart: '',
						consultend: ''
					},
					this.$refs.selectxy.handleAllRemove();
				this.$refs.statusSelectxy.handleAllRemove();
				this.$refs.hopeSelectxy.handleAllRemove();
				this.screenSelect = false;
				this.requestData();
			},

			//筛选确认	
			selectSureAction() {
				this.screenSelect = true;
				this.showScreen = !this.showScreen;
				this.requestData()
			},

			clickConsultDetailClose() {
				this.showConsultDetail = false;
			},
			/**
			 * 点击了授权
			 */
			getUserProfile() {
				let _this = this
				uni.getUserProfile({
					desc: '完善用户资料',
					success(res) {
						console.log(res)
						_this.getWxInfo(res)
					}
				})
			},
			async getWxInfo(data) {
				let _this = this
				uni.showLoading({

				})
				const res = await _this.$myRequest({
					url: `/wx/ma/user/${app.globalData.appidKey}/info`,
					data: {
						sessionKey: _this.sessionKey,
						signature: data.signature,
						rawData: data.rawData,
						encryptedData: data.encryptedData,
						iv: data.iv
					}
				})
				uni.hideLoading()
				console.log('获取info', res)
				if (res.data.code == 200) {
					_this.getUser()
				}
			},
			async getUser() {
				let _this = this

				const res = await _this.$myRequest({
					url: "/oauth/userinfo",
					// header: {
					// 	"Authorization":"Basic ZG90Z286ZG90Z28=",
					// 	"token":uni.getStorageSync("accessToken")
					// },
				})

				console.log('返回用户信息结果', res)
				if (res.data.code == 200) {

					app.globalData.role = res.data.data.userType.code
					//此 实际情况以登录返回为准
					_this.role = app.globalData.role

					let mobile = res.data.data.mobile

					if (mobile == null || mobile == '' || mobile == undefined || mobile.length < 11) {
						_this.isPhone = false
						app.globalData.isPhone = false
					} else {
						app.globalData.userInfo.mobile = mobile
						app.globalData.isPhone = true
						_this.isPhone = true

					}
					app.globalData.userInfo = res.data.data
					//普通用户  调用普通用户的接口
					if (_this.role == '0') {
						console.log('普通用户')
						// _this.getAdv()
						// if(_this.isPhone){
						// 	_this.getCaseList()
						// }				
					}
				}
			},

			/**
			 * 点击了获取手机号
			 */
			getphonenumber(e) {
				console.log(e)
				let code = e.detail.code
				let encryptedData = e.detail.encryptedData
				let errMsg = e.detail.errMsg
				let iv = e.detail.iv
				let _this = this
				_this.getWxPhone(encryptedData, iv, code)

			},
			async getWxPhone(data1,data2,data3){
				let _this = this
				uni.showLoading({
					
				})
				const res = await _this.$myRequest({
					url:`/wx/ma/user/${app.globalData.appidKey}/phone`,
					data:{
						sessionKey:_this.sessionKey,
						encryptedData:data1,
						iv:data2,
						code:data3
					}
				})
				uni.hideLoading()
				console.log('获取手机号',res)
				if(res.data.code==200){
					app.globalData.userInfo.mobile = res.data.data.phoneNumber
					_this.isPhone = true
					app.globalData.isPhone = true
				}	
			},
			
		}
	}
</script>

<style scoped>
	.top-back {
		display: flex;
		align-items: center;
		padding: 10px;
	}

	.top-name {
		color: #333;
		font-size: 18px;
		font-weight: bold;
		margin-left: 30px;
	}

	.top-num {
		color: #999;
		font-size: 18px;
		margin-left: 4px;
	}

	.top-contnet {
		font-size: 14px;
		color: #999;
	}

	.top-content-select {
		color: #2DA9C5;
	}

	.top-icon {
		width: 16px;
		height: 16px;
	}

	.top-right {
		cursor: pointer;
		display: flex;
		align-items: center;
		margin-right: 16px;
		margin-left: 16px;
		padding: 5px 10px;
		border-radius: 5px;
		cursor: pointer;
	}

	.top-right-select {
		background-color: #E8F7FB;
	}

	.top-right-left {
		margin-left: auto;
	}

	.uni-container {
		margin-left: 40px;
		margin-right: 16px;
		width: auto;
	}

	.search-back {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.content-img {
		width: 24px;
		min-width: 24px;
		height: 24px;
		min-height: 24px;
		margin-right: 5px;
	}

	.search-noresult {
		font-size: 14px;
		color: #333;
		font-weight: 400;
	}

	.search-image {
		width: 150px;
		height: 150px;
	}

	.screen-back {
		padding: 10px;
		width: 300px;
	}

	.select-bottom {
		display: flex;
	}

	.select-bottom-left {
		cursor: pointer;
		height: 32px;
		width: 120px;
		color: #333;
		background: #FFFFFF;
		border-radius: 2px;
		border: 1px solid #EEEEEE;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 14px;
		cursor: pointer;
	}

	.select-bottom-right {
		cursor: pointer;
		height: 32px;
		width: 120px;
		color: #fff;
		background: #8ED8E9;
		border-radius: 2px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 14px;
		margin-right: 0px;
		margin-left: auto;
		cursor: pointer;
	}

	.date-select-back {
		width: 130px;
		height: 32px;
		background: #FFFFFF;
		border-radius: 2px;
		border: 1px solid #EEEEEE;
		display: flex;
		align-items: center;
	}

	.dateimage {
		width: 16px;
		height: 16px;
		margin-left: 10px;
		margin-right: 3px;
	}

	.date-select-plac {
		font-size: 12px;
		color: #999999;
	}

	.date-select-time {
		font-size: 12px;
		color: #333333;
	}


	.userphone {
		width: 130rpx;
		height: 44rpx;
		background: #2DA9C5;
		border-radius: 22rpx;
		font-size: 16rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	button {
		padding-left: 0;
		padding-right: 0;
		background-color: transparent;

	}

	button::after {
		border: none;
	}

	.statustag {
		cursor: pointer;
	}

	/* /deep/::-webkit-scrollbar{
	　　
	　　height: 10px!important;
	　　background-color: rgba(0,0,0,0)!important;
	}*/

	/*定义滚动条轨道 内阴影+圆角*/
	/* /deep/::-webkit-scrollbar-track{
	　　border-radius: 5px!important;
	　　background-color: rgba(0,0,0,0)!important;
	} */

	/*定义滑块 内阴影+圆角*/
	/* /deep/::-webkit-scrollbar-thumb{
	　　border-radius: 5px!important;
	　　background-color: #bbb!important;
	} */
</style>